<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>DiggerInfo</title>

	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<!-- 	<link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css"> -->

	<link rel="stylesheet" type="text/css" href="css/style.css">

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

	<!-- <script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->

	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>

	<link rel="stylesheet" href="css/idangerous.swiper.css">
	<script src="js/idangerous.swiper.min.js"></script>


</head>
<body>




	<!-- header -->
	<header id="header">
		<div class="centerCon clearfloat">
			<div class="Logo">
				<a href="#"><img src="images/public/Logo.jpg"></a>
			</div>
			<div class="NavAndSearch clearfloat">
				<nav class="clearfloat">
					<a class="active" href="#">首页</a>
					<a href="#">新闻</a>
					<a href="#">专题</a>
					<a href="#">视频</a>
					<a href="#">发售列表</a>
					<a href="#">Digger</a>

				</nav>
				<form class="Search">
					<input id="SearchInupt" class="" type="text" name="" pattern="Search">
					<button type="button" id="showSearch" class="iconCn"><i class="iconfont">&#xe63c;</i></button>
				</form>
			</div>
		</div>
	</header>
	<!-- header end -->

	<section class="DiggerBaner">
		<div class="swiper-container" id="DiggerBanerid">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="#"><img src="images/ku/img_14.jpg"></a></div>
				<div class="swiper-slide"><a href="#"><img src="images/ku/img_14.jpg"></a></div>
				<div class="swiper-slide"><a href="#"><img src="images/ku/img_14.jpg"></a></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination Digger-pagination" ></div>

			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev Diggerbutton-prev"></div>
			<div class="swiper-button-next Diggerbutton-next"></div>

			<!-- 如果需要滚动条 -->
			<!-- <div class="swiper-scrollbar"></div> -->
		</div>
	</section>




	<!-- section.SearchList -->
	<section class="DiggerInfoCn">
		<div class="centerCon">
			<div class="head">Digger Issue 012</div>
			<div class="time">bscura Magazine</div>
			<div class="time">Vol 012: digger 2016</div>

			<div class="word">
				<p>我們想透過2016秋冬季號，探討人闡釋愛的各種不同。可能是戀人、家人、朋友之間的強烈情感，也可能是對你正在做的事情所傾出的愉悅與熱情。</p>
				
				<p>本期重點文稿包括：</p>
				<p>1. 《Love Letters》 —— 我們到了日本福岡，和現年93歲的Okushi Tsuchie見面，展開了一次深刻的對話，聊到她與七十年前去世的丈夫之間的動人愛情。</p>
				<p>2. 《More Than A Pledge》 —— 信物是個憑證，也是發送者與接收者之間的承諾。我們邀請了八組單位進行創作，定義他們心目中信物的意義。</p>
				<p>3. 《A Room With A View》 —— Studio TM這對攝影師夫妻到過很多不同城市，他們將異地的居所視為感情和記憶的載體，運用針孔相機進行紀錄，並寫下流動的想法。</p>
			</div>

			<div class="IndMore" style="padding-bottom: 0px;">
				<a href="more">Buy Now</a>
			</div>
		</div>
	</section>

	<!-- section.SearchList end -->


	<!-- section.comment -->
	<section class="comment">

		<div class="logoin" id="logoin">
			<div class="logoinCon">
				<div class="exit"><i class="iconfont">&#xe66c;</i></div>
				<a class="qq" href="#">使用QQ直接登录</a>
				<a class="wx" href="#">使用微信直接登录</a>
				<a class="wb" href="#">使用微博直接登录</a>
			</div>
			
		</div>

		<div class="centerCon">
		
			<div class="commentBottom clearfloat">
				<div class="name">分享：</div>
				<div class="bot clearfloat bdsharebuttonbox">
					<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="background-image: none;padding-left: 30px;height: 28px; margin:0;"></></a>
					<a href="#"  class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" style="background-image: none;padding-left: 30px;height: 28px; margin:0;"></a>
					<a href="#"  class="bds_weixin" data-cmd="weixin" title="分享到微信" style="background-image: none;padding-left: 28px;height: 28px; margin:0;"></a>
				</div>
			</div>

			<form>
				<div class="import clearfloat">
					<div class="imgC">
						<img src="images/public/icon.jpg">
					</div>
					<div class="text">
						<textarea placeholder="随便说点什么吧...."></textarea>
					</div>
				</div>
				<div class="butC clearfloat">
					<div class="line">0条评论</div>


					<button class="but">评论</button>

					<!-- <div class="verify"><input type="text" name="" placeholder="请入验证码"><img src="images/ku/yanz.jpg"></div> -->
				</div>
			</form>

			
			<ul class="commentlist">
				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<div class="overcomment">没有更多...</div>
				<div class="nocomment">暂无评论，快抢沙发吧</div>
			</ul>
		</div>
	</section>
	<!-- section.comment -->



	<!-- footer -->
	<footer id="footer">
		<div class="centerCon">
			<div class="imgC"><img src="images/public/Logo_02.jpg"></div>
			<div class="link">
				<a href="#">关于我们</a>
				<a href="#">联系方式</a>
				<a href="#">隐私政策</a>
				<a href="#">广告业务</a>
				<a href="#">招聘信息</a>
			</div>

			<p>2016LONG7.COM ALL RIGHTS RESERVED / POWERED BY LONG7 PROFESSIONAL SNEAKER MEDIA 沪ICP备15526666号</p>
		</div>
	</footer>
	<!-- footer end -->











	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="js/share/share.js"></script>

	<!-- <script type="text/javascript" src="js/index.js"></script> -->

	<script>

	$(function() {

		function sweiperFun(){
			
			var DiggerBanerid = new Swiper('#DiggerBanerid', {
					// pagination : '.Digger-pagination',
					// paginationType : 'fraction',
					onSlideChangeEnd: function(swiper){

				      console.log('事件触发了;');
				      console.log(swiper.imagesLoaded);
				      console.log(swiper.activeIndex +1);

				    }
			   

			});


			$('.Diggerbutton-prev').click(function(){
					DiggerBanerid.swipePrev(); 
				})
			$('.Diggerbutton-next').click(function(){
					DiggerBanerid.swipeNext(); 
				})
			}
			sweiperFun();



		})
		
</script>
</body>
</html>